<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
		   
		<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
		   
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
	</head>
	<body>
		</head>
		<body class="container ">
			<h4 class="mb-3">东华理工大学</h4>
			<div class="row">
				<div class="col-4">
					<ul class="nav nav-pills  nav-fill flex-column">
						<li class="nav-item">
							<a class="nav-link active" href="#">首页</a>
						<li>
						<li class="nav-item dropdown ">
							<div class="dropright">
								<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">学校概况</a>
								<div class="dropdown-menu">
									<a class="dropdown-item active " href="#">学校简介</a>
									<a class="dropdown-item " href="#">现任领导</a>
									<a class="dropdown-item " href="#">历任领导</a>
									<a class="dropdown-item " href="#">信息公开</a>
								</div>
							</div>
						<li>
						<li class="nav-item">
							<a class="nav-link" href="#jigou" data-toggle="pill">机构设置</a>
						<li>
						<li class="nav-item">
							<a class="nav-link " href="#yuanxi" data-toggle="pill">院系设置</a>
						<li>
					</ul>
				</div>
				<div class="col-8">
					<div class="tab-content">
						<div class="tab-pane" id="jigou">机构设置内容</div>
						<div class="tab-pane" id="yuanxi">院系设置内容</div>
					</div>

				</div>
			</div>


		</body>

</html>
